<!-- BEGIN: main -->
<link type="text/css" href="{NV_BASE_SITEURL}themes/{TEMPLATE}/images/{MODULE}/album_slide.css" rel="stylesheet" />              
<script type="text/javascript" src="{NV_BASE_SITEURL}themes/{TEMPLATE}/images/{MODULE}/jquery.easing.1.3.min.js"></script>
<script type="text/javascript" src="{NV_BASE_SITEURL}themes/{TEMPLATE}/images/{MODULE}/jquery.sliderkit.1.9.2.pack.js"></script>
<style>
.carousel-demo2 {
	width: {width}px;
	height: {height}px;
}
.sliderkit-nav-clip {
	width: {width}px !important;
}
</style>
<script type="text/javascript">
$(window).load(
	function(){ 
	$(".carousel-demo2").sliderkit({
			shownavitems:3,
			scroll:1,
			mousewheel:true,
			circular:true,
			start:2
		});
	}
);	
</script>

<div class="sliderkit carousel-demo2">
  <div class="sliderkit-nav">
    <div class="sliderkit-nav-clip">
      <ul>
	<!-- BEGIN: loop -->  
        <li><a href="{loop.path}" rel="shadowbox[miss]" title="{loop.description}"><img src="{loop.thumb_name}" alt="{loop.name}" /></a></li>
    <!-- END: loop -->
	</ul>
    </div>
    <div class="sliderkit-btn sliderkit-nav-btn sliderkit-nav-prev"><a href="#" title="Scroll to the left"><span>Previous</span></a></div>
    <div class="sliderkit-btn sliderkit-nav-btn sliderkit-nav-next"><a href="#" title="Scroll to the right"><span>Next</span></a></div>
  </div>
</div>
<!-- END: main -->
